﻿<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>数据库信息查询</title>
<link rel="stylesheet" href="${ctx}/common/jslibs/fish/css/fish-desktop-compact.css" />
	<!--[if lt IE 9]>
		<script src="${ctx}/common/jslibs/fish/js/html5shiv.js"></script>
		<script src="${ctx}/common/jslibs/fish/js/respond.js"></script>
	<![endif]-->
<style>
body{border-left:1px solid #d6d6d6;}
label{white-space:nowrap;}
.datetimepicker table{font-size:12px;}

.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable th label{font-weight:100}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable th.ui-th-column{background-color:#cbdbe9;height:30px;border-right:1px solid #b9cee1;font-size:12px;font-weight:100;color:#2c5072;}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv{border-color:#b9cee1;background-color:#cbdbe9;}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv{border-top:1px solid #b9cee1;border-left:1px solid #b9cee1;overflow:visible;}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td{height:30px;border-color:#d9e3ed;font-size:12px;font-weight:100;white-space:normal;overflow:visible;padding:0 6px;}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td label{font-weight:100}
#searchForm .form-group{margin-bottom:10px;}
.custom2-ui-jqgrid td,th{font-size:12px;font-weight:100}
.custom2-ui-jqgrid td a:hover,td a:focus{ text-decoration: none}
#dbbase_jqGrid_jqGrid #dbbase_jqGrid_jqGrid_pager{padding:8px 0;border-top:0;height:auto;}
.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td {
overfloW:HIDDEN;
white-space:nowrap;
text-overflow : ellipsis;
}
</style>
</head>
<body>
	<div class="container-fluid">
	<form id="searchForm" action="#" method="post" autocomplete="off">
		<div class="form-inline" style="margin-top:10px;padding-top:15px;padding-left:15px;border-bottom:1px solid #e3e3e3;background-color:#f9f9f9">
			<div class="form-group">
				<label for=""  class="control-label">数据库类型：</label>
					<select class="form-control" name="dbCategory" id="dbCategory">
						<option value="" selected="selected">全部</option>
						<option value="mysql">mysql</option>
						<option value="oracle">oracle</option>
						<option value="informix">informix</option>
						<option value="TimesTen">TimesTen</option>
						<option value="MDB">MDB</option>
					</select>
			</div>
			<div class="form-group">
				&nbsp;&nbsp;<label for=""  class="control-label">数据库名称：</label>
					<input type="text" class="form-control" name="dbName"  id="dbName" />
			</div>
			<div class="form-group">
				&nbsp;&nbsp;<label for=""  class="control-label">IP：</label>
					<input type="text" class="form-control" name="dbHostIp"  id="dbHostIp" size="13"  onkeyup="value=value.replace(/[^\d.]/g,'')" />
			</div>
			
			<div class="form-group">
				&nbsp;&nbsp;<label for=""  class="control-label">端口：</label>
					<input type="text" class="form-control" name="dbHostPort" id="dbHostPort"  size="3" onkeyup="value=value.replace(/\D/g,'')" />
			</div>
			<div class="form-group">
				&nbsp;&nbsp;<label for=""  class="control-label">实例名：</label>
					<input type="text" class="form-control" name="dbLinkName"  id="dbLinkName" />
			</div>
			<div class="form-group">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" id="searchBtn" class="btn btn-primary "><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;&nbsp;查找&nbsp;&nbsp;&nbsp;</button>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="reset" class="btn btn-default ">重置</button>
			</div>
		</div>
	</form>
		<div id="dbbase_jqGrid" class="custom2-ui-jqgrid"></div>
	</div>
	
	<script src="${ctx}/common/jslibs/fish/js/fish-desktop-all.min.js"></script>
	<script src="${ctx}/common/jslibs/fish/js/jquery.ztree.all-3.5.js"></script>
	<script src="${ctx}/baseconfig/database/js/database.js"></script>
</body>
</html>
